*{
  margin: 0;
  padding: 0;
  
}
a{
  text-decoration: none;
  &:hover{
    text-decoration: none;
  }
  // text-decoration: underline;
}
ul{
  list-style: none;
}
.defaultBtn{
  padding: 5px 20px;
  background-color: #fff;
  color: #606266;
  border-radius: 5px;
  outline: none;
  box-shadow: 0;
  border: 1px solid #606266;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  
  letter-spacing:5px;
  &:hover{
    background: rgb(236,245,255);
    border-color: #66b1ff;
    color: #409eff;
  }
}
.plain{
  background-color: #ecf5ff;
  color: #409eff;
  border-color: #b3d8ff;
  &:hover{
    background-color: #409eff;
    color: #fff;
  }
}
.primary{
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
  box-shadow: 0 0 5px #409eff;
  &:hover{
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff;
  }
}

.danger{
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
  box-shadow: 0 0 5px #f56c6c;

  &:hover{
    background: rgb(247, 137, 137);
    border-color:  rgb(247, 137, 137);
    color: #fff;
  }
}